<template>
	<view class="page-body bg-fff">
		<view class="f-34 b p-15 h lh-15">
			{{info.name}}
		</view>
		<view class="clear h-30 bg-f2"></view>
		<view class="article-content">
			<rich-text :nodes="info.content"></rich-text>
		</view>
		<template>
			<view class="clear h-30 bg-f2"></view>
			<view class="title-common-01">
			  <view class="title">相关附件</view>
			</view>
			<view class="p-15 h infofile-box bg-fff" >
				<view class="file-box-list" @click="$openFile(item.path)">
					1、啊是第三方法国红酒看
				</view>
				<view class="file-box-list" @click="$openFile(item.path)">
					2、啊是第三方法国红酒看
				</view>
			</view>
		</template>
		<template>
			<view class="clear h-30 bg-f2"></view>
			<view class="title-common-01">
			  <view class="title">认领详情</view>
			</view>
			<view class="list-table bg-fff h" >
				<view class="list-table-list">
					<view class="list-table-list-left">认领时间</view>
					<view class="list-table-list-right">
						2023-23-12
					</view>
				</view>
				<view class="list-table-list">
					<view class="list-table-list-left">认领单位</view>
					<view class="list-table-list-right">
						2023-23-12
					</view>
				</view>
				<view class="list-table-list">
					<view class="list-table-list-left">认领状态</view>
					<view class="list-table-list-right">
						<text class="green">审核中</text>
						<text class="green">领取成功</text>
						<text class="red">领取失败</text>
					</view>
				</view>
				<view class="list-table-list list-table-list-auto">
					<view class="list-table-list-left list-table-list-left-auto">原由</view>
				</view>
				<view class="list-table-list">
					<view class="list-table-list-auto-content mt-10">
						因为设置了display: flex; 导致block布局变成了flex布局， 所以如果想要在已经设置了flex布局的基础上，再进行子元素的宽100%设置的话，可以应用下面的样式：（在该子元素上设置）
					</view>
				</view>
			</view>
		</template>
		<template v-if="info.status === '1'">
			<view class="clear h-120"></view>
			<view class="fixed-footer fixed z-99999 uni-center bg-blue white lh-90" @click="tapclaim">
				我要认领
			</view>
		</template>
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				info: {
					id: 'XKD13V6-5D62-VP08-1',
					status: 0,
					claim: 0,
					name: '资产名称资产名称资产名称资产名称资产名称资产名称资产名称资产名称资产名称',
					content: '<h2><img src="http://img.baidu.com/hi/jx2/j_0003.gif"/>Vue + UEditor + v-model双向绑定</h2>top展开播放首先，可以直接用输入法输入平方...然后选择平方米符号，最后勾上标，点击【确定】，即可输入平方米符号'
				}
			}
		},
		onLoad(opt) {
			this.info.name = opt.name;
			this.info.status = opt.status;
			// // 重设页面标题
			// uni.setNavigationBarTitle({
			// 	title: opt.name
			// });
		},
		methods: {
			tapclaim(){
				uni.navigateTo({
					url: '/pages/project/claim'
				})
			}
		}
	}
</script>

<style>
</style>

